<template>
  <Header></Header>
  <!-- 第一篇文章 -->
  <div v-if="articleId === '1'" class="all1">
    <div class="title">
      <h2 ref="title1">VIP推荐计划: VIP抵押借币限时降息，更低折扣等你来！</h2>
    </div>
    <div>
      <p>
        尊敬的Gate.io用户： VIP
        Loan是全面覆盖机构化定制借贷平台。为了更好地提供质押借币服务，我们将开启低利率借贷模式，现VIP抵押借币调整借币利率如下：
      </p>

      <ul>
        <li>USDT下调至日利万2，年化利率 7.3%</li>
        <li>BTC下调至日利万1，年化利率3.65%</li>
        <li>FIL下调至日利万1，年化利率3.65%</li>
      </ul>
      <p>
        *支持随借随还按天计息，借贷任意期限利率不变，支持400+可借币种，48+可抵押币种。
      </p>
      <hr />
      活动规则<br /><br />
      活动周期：2023-09-28~2023-10-15<br />
      <ol type="1">
        <li>
          盈利幸运用户，赢双倍奖励<br />
          在活动期间，每日随机抽取两名当日盈利的用户，根据当日的收益额，给予双倍奖励<br />
          要求：活动期间量化参与金额>=50 USDT，且必须在活动期间有交易
        </li>
        <li>
          参与量化交易，手续费最高返现40%<br />
          活动期间，量化参与金额在100~500 USDT之间的，可返现30%；<br />
          活动期间，参与金额在500 USDT以上的可返现40%<br />
          返现以现金形式发放到账户<br />
        </li>
      </ol>

      小提示：使用网格策略囤币模式，可更低成本购币<br />

      <p>
        更多详情点击下面链接：<br />
        <a href="https://www.gate.io/zh/cryptoloan-old/USDT">
          https://www.gate.io/zh/cryptoloan-old/USDT
        </a>
      </p>
      <br/><br/><br/>
    </div>
  </div>
  <!-- 第二篇文章 -->
  <div v-if="articleId === '2'" class="all2">
    <div class="title">
      <h2 ref="title2">OSHI TOKEN：索马里粮食危机救援项目</h2>
    </div>
    <div>
      <p>
        尊敬的Gate.io用户： VIP
        Loan是全面覆盖机构化定制借贷平台。为了更好地提供质押借币服务，我们将开启低利率借贷模式，现VIP抵押借币调整借币利率如下：
      </p>

      <ul>
        <li>USDT下调至日利万2，年化利率 7.3%</li>
        <li>BTC下调至日利万1，年化利率3.65%</li>
        <li>FIL下调至日利万1，年化利率3.65%</li>
      </ul>
      <p>
        *支持随借随还按天计息，借贷任意期限利率不变，支持400+可借币种，48+可抵押币种。
      </p>
      <hr />
      活动规则<br /><br />
      活动周期：2023-09-28~2023-10-15<br />
      <ol type="1">
        <li>
          盈利幸运用户，赢双倍奖励<br />
          在活动期间，每日随机抽取两名当日盈利的用户，根据当日的收益额，给予双倍奖励<br />
          要求：活动期间量化参与金额>=50 USDT，且必须在活动期间有交易
        </li>
        <li>
          参与量化交易，手续费最高返现40%<br />
          活动期间，量化参与金额在100~500 USDT之间的，可返现30%；<br />
          活动期间，参与金额在500 USDT以上的可返现40%<br />
          返现以现金形式发放到账户<br />
        </li>
      </ol>

      小提示：使用网格策略囤币模式，可更低成本购币<br />

      <p>
        更多详情点击下面链接：<br />
        <a href="https://www.gate.io/zh/cryptoloan-old/USDT"
        >https://www.gate.io/zh/cryptoloan-old/USDT</a
        >
      </p>
      <br/><br/><br/>
    </div>
  </div>
  <!-- 第三篇文章 -->
  <div v-if="articleId === '3'" class="all3">
    <div class="title">
      <h2 ref="title3">量化超级福利周：盈多少双倍奖，手续费最高返现40%！</h2>
    </div>
    <div>
      <p>
        尊敬的Gate.io用户： VIP
        Loan是全面覆盖机构化定制借贷平台。为了更好地提供质押借币服务，我们将开启低利率借贷模式，现VIP抵押借币调整借币利率如下：
      </p>

      <ul>
        <li>USDT下调至日利万2，年化利率 7.3%</li>
        <li>BTC下调至日利万1，年化利率3.65%</li>
        <li>FIL下调至日利万1，年化利率3.65%</li>
      </ul>
      <p>
        *支持随借随还按天计息，借贷任意期限利率不变，支持400+可借币种，48+可抵押币种。
      </p>
      <hr />
      活动规则<br /><br />
      活动周期：2023-09-28~2023-10-15<br />
      <ol type="1">
        <li>
          盈利幸运用户，赢双倍奖励<br />
          在活动期间，每日随机抽取两名当日盈利的用户，根据当日的收益额，给予双倍奖励<br />
          要求：活动期间量化参与金额>=50 USDT，且必须在活动期间有交易
        </li>
        <li>
          参与量化交易，手续费最高返现40%<br />
          活动期间，量化参与金额在100~500 USDT之间的，可返现30%；<br />
          活动期间，参与金额在500 USDT以上的可返现40%<br />
          返现以现金形式发放到账户<br />
        </li>
      </ol>

      小提示：使用网格策略囤币模式，可更低成本购币<br />

      <p>
        更多详情点击下面链接：<br />
        <a href="https://www.gate.io/zh/cryptoloan-old/USDT"
        >https://www.gate.io/zh/cryptoloan-old/USDT</a
        >
      </p>
      <br/><br/><br/>
    </div>
  </div>
  <!-- 第四篇文章 -->
  <div v-if="articleId === '4'" class="all4">
    <div class="title">
      <h2 ref="title4">限时奖励$15: 财富管理 通过财富管理获得源源不断的回报</h2>
    </div>
    <div>
      <p>
        尊敬的Gate.io用户： VIP
        Loan是全面覆盖机构化定制借贷平台。为了更好地提供质押借币服务，我们将开启低利率借贷模式，现VIP抵押借币调整借币利率如下：
      </p>

      <ul>
        <li>USDT下调至日利万2，年化利率 7.3%</li>
        <li>BTC下调至日利万1，年化利率3.65%</li>
        <li>FIL下调至日利万1，年化利率3.65%</li>
      </ul>
      <p>
        *支持随借随还按天计息，借贷任意期限利率不变，支持400+可借币种，48+可抵押币种。
      </p>
      <hr />
      活动规则<br /><br />
      活动周期：2023-09-28~2023-10-15<br />
      <ol type="1">
        <li>
          盈利幸运用户，赢双倍奖励<br />
          在活动期间，每日随机抽取两名当日盈利的用户，根据当日的收益额，给予双倍奖励<br />
          要求：活动期间量化参与金额>=50 USDT，且必须在活动期间有交易
        </li>
        <li>
          参与量化交易，手续费最高返现40%<br />
          活动期间，量化参与金额在100~500 USDT之间的，可返现30%；<br />
          活动期间，参与金额在500 USDT以上的可返现40%<br />
          返现以现金形式发放到账户<br />
        </li>
      </ol>

      小提示：使用网格策略囤币模式，可更低成本购币<br />

      <p>
        更多详情点击下面链接：<br />
        <a href="https://www.gate.io/zh/cryptoloan-old/USDT"
        >https://www.gate.io/zh/cryptoloan-old/USDT</a
        >
      </p>
      <br/><br/><br/>
    </div>
  </div>
  <!-- 第五篇文章 -->
  <div v-if="articleId === '5'" class="all5">
    <div class="title">
      <h2 ref="title5">定投大奖狂欢: 100%中奖抽奖狂欢节</h2>
    </div>
    <div>
      <p>
        尊敬的Gate.io用户： VIP
        Loan是全面覆盖机构化定制借贷平台。为了更好地提供质押借币服务，我们将开启低利率借贷模式，现VIP抵押借币调整借币利率如下：
      </p>

      <ul>
        <li>USDT下调至日利万2，年化利率 7.3%</li>
        <li>BTC下调至日利万1，年化利率3.65%</li>
        <li>FIL下调至日利万1，年化利率3.65%</li>
      </ul>
      <p>
        *支持随借随还按天计息，借贷任意期限利率不变，支持400+可借币种，48+可抵押币种。
      </p>
      <hr />
      活动规则<br /><br />
      活动周期：2023-09-28~2023-10-15<br />
      <ol type="1">
        <li>
          盈利幸运用户，赢双倍奖励<br />
          在活动期间，每日随机抽取两名当日盈利的用户，根据当日的收益额，给予双倍奖励<br />
          要求：活动期间量化参与金额>=50 USDT，且必须在活动期间有交易
        </li>
        <li>
          参与量化交易，手续费最高返现40%<br />
          活动期间，量化参与金额在100~500 USDT之间的，可返现30%；<br />
          活动期间，参与金额在500 USDT以上的可返现40%<br />
          返现以现金形式发放到账户<br />
        </li>
      </ol>

      小提示：使用网格策略囤币模式，可更低成本购币<br />

      <p>
        更多详情点击下面链接：<br />
        <a href="https://www.gate.io/zh/cryptoloan-old/USDT"
        >https://www.gate.io/zh/cryptoloan-old/USDT</a
        >
      </p>
      <br/><br/><br/>
    </div>
  </div>
  <!-- 第六篇文章 -->
  <div v-if="articleId === '6'" class="all6 m  ">
    <div class="title">
      <h2 ref="title6">主流货币疯狂星期五: 定投大獎狂歡，贏取 $35,000 獎金</h2>
    </div>
    <div>
      <p>
        尊敬的Gate.io用户： VIP
        Loan是全面覆盖机构化定制借贷平台。为了更好地提供质押借币服务，我们将开启低利率借贷模式，现VIP抵押借币调整借币利率如下：
      </p>

      <ul>
        <li>USDT下调至日利万2，年化利率 7.3%</li>
        <li>BTC下调至日利万1，年化利率3.65%</li>
        <li>FIL下调至日利万1，年化利率3.65%</li>
      </ul>
      <p>
        *支持随借随还按天计息，借贷任意期限利率不变，支持400+可借币种，48+可抵押币种。
      </p>
      <hr />
      活动规则<br /><br />
      活动周期：2023-09-28~2023-10-15<br />
      <ol type="1">
        <li>
          盈利幸运用户，赢双倍奖励<br />
          在活动期间，每日随机抽取两名当日盈利的用户，根据当日的收益额，给予双倍奖励<br />
          要求：活动期间量化参与金额>=50 USDT，且必须在活动期间有交易
        </li>
        <li>
          参与量化交易，手续费最高返现40%<br />
          活动期间，量化参与金额在100~500 USDT之间的，可返现30%；<br />
          活动期间，参与金额在500 USDT以上的可返现40%<br />
          返现以现金形式发放到账户<br />
        </li>
      </ol>

      小提示：使用网格策略囤币模式，可更低成本购币<br />

      <p>
        更多详情点击下面链接：<br />
        <a href="https://www.gate.io/zh/cryptoloan-old/USDT"
        >https://www.gate.io/zh/cryptoloan-old/USDT</a
        >
      </p>
      <br/><br/><br/>
    </div>
  </div>
  <Footer></Footer>
</template>
<script setup>

import {computed} from "vue";
import {useRoute} from "vue-router";
import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";

const route = useRoute();
const articleId = computed(() => route.params.id);
</script>
<style scoped>
/* 通用样式 */
.all1, .all2, .all3, .all4, .all5, .all6 {
  position: relative;
  top: 20px;
  max-width: 800px; /* 设置最大宽度 */
  margin: 0 auto; /* 居中对齐 */
  padding: 20px; /* 内边距 */
  background-color: #f9f9f9; /* 背景颜色 */
  border-radius: 8px; /* 圆角 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影 */
  text-align: left;
}

.title h2 {
  text-align: left;
  font-size: 24px; /* 标题字体大小 */
  color: #333; /* 标题颜色 */
  margin-bottom: 20px; /* 标题与内容之间的间距 */
}

p {
  font-size: 16px; /* 段落字体大小 */
  line-height: 1.6; /* 行高 */
  color: #666; /* 段落文字颜色 */
  margin-bottom: 16px; /* 段落之间的间距 */
}

ul, ol {
  margin: 0;
  padding-left: 20px; /* 列表左边距 */
}

ul li, ol li {
  font-size: 16px; /* 列表项字体大小 */
  line-height: 1.6; /* 行高 */
  color: #333; /* 列表项颜色 */
  margin-bottom: 8px; /* 列表项间距 */
}

a {
  color: #007bff; /* 链接颜色 */
  text-decoration: none; /* 去掉下划线 */
}

a:hover {
  text-decoration: underline; /* 鼠标悬停时显示下划线 */
}

.small-tip {
  font-size: 14px; /* 小提示字体大小 */
  color: #888; /* 小提示颜色 */
  margin-bottom: 16px; /* 小提示与内容之间的间距 */
}
</style>